<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>我的</title>
    <link href="css/common.css" rel="stylesheet" />
  </head>
  <body>
    <div class="page-wrapper">
      <div class="topbar">
        <div class="back" onclick="window.history.back()">
          <img src="images/icon-back.svg" alt="" />
        </div>
      </div>
      <div class="page-content-wrapper">
        <div class="card">
          <div class="card-header">
            <div class="title">我的成绩</div>
          </div>
          <div class="card-body">
            <!-- 表单 begin -->
            <form action="#" class="form-wrapper">
              <div class="form-item">
                <div class="label">
                  <label for="organization">单位</label>
                </div>
                <div class="value">
                  <input
                    type="text"
                    name="organization"
                    id="form1"
                    autocomplete="off"
                  />
                </div>
              </div>
              <div class="form-item">
                <div class="label"><label for="department">部门</label></div>
                <div class="value">
                  <input
                    type="text"
                    name="department"
                    id="department"
                    autocomplete="off"
                  />
                </div>
              </div>
              <div class="form-item">
                <div class="label"><label for="name">姓名</label></div>
                <div class="value">
                  <input type="text" name="name" id="name" autocomplete="off" />
                </div>
              </div>
              <div class="form-item">
                <div class="label">
                  <label for="mobile">电话</label>
                </div>
                <div class="value">
                  <input
                    type="text"
                    name="mobile"
                    id="mobile"
                    autocomplete="off"
                  />
                </div>
              </div>
              <div class="form-item action">
                <button type="submit" class="button">签到</button>
              </div>
            </form>
            <!-- 表单 end -->
          </div>
        </div>
        <div class="card">
          <div class="card-header">
            <div class="title">我的记录</div>
          </div>
          <div class="card-body">
            <div class="score-list">
              <div class="score-item score-header">
                <div class="score">分数</div>
                <div class="time">用时</div>
                <div class="date">答题时间</div>
              </div>
              <div class="score-item">
                <div class="score">分数</div>
                <div class="time">用时</div>
                <div class="date">答题时间</div>
              </div>
              <div class="score-item">
                <div class="score">分数</div>
                <div class="time">用时</div>
                <div class="date">答题时间</div>
              </div>
              <div class="score-item">
                <div class="score">分数</div>
                <div class="time">用时</div>
                <div class="date">答题时间</div>
              </div>
              <div class="score-item">
                <div class="score">分数</div>
                <div class="time">用时</div>
                <div class="date">答题时间</div>
              </div>
              <div class="score-item">
                <div class="score">分数</div>
                <div class="time">用时</div>
                <div class="date">答题时间</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
